<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="{{__PUBLIC__}}/Home/css/register.css"/>
		<link rel="stylesheet" type="text/css" href="{{__PUBLIC__}}/Home/hdjs/hdjs.css"/>
		<script type="text/javascript" src="{{__PUBLIC__}}/Home/js/jquery-1.8.2.min.js"></script>
		<script type="text/javascript" src="{{__PUBLIC__}}/Home/hdjs/hdjs.min.js"></script>
		<script type="text/javascript">
		$(function(){
			$('#register').validate({
				username:{
					rule:{
						required:true,
						email:true,
						ajax:{url:'{{U("Register/check")}}'}
					},
					error: {
	                    required: '邮箱不能为空',
	                    email: '邮箱不正确'
	                },
	                success: '输入正确',
	                message: '请输入邮箱,亲~~'
				},
				password: {
	                rule: {
	                    required: true,
	                    minlen:8,
	                    maxlen:20
	                },
	                error: {
	                    required: '密码不能为空',
	                    minlen:'新密码不得少于6位',
	                    maxlen:'新密码不得超出20位'
	                },
	                success:'ok',
	                message:'请填写密码'
	           },
	           confirmpassword: {
	                rule: {
	                    required: true,
	                    confirm:'password'
	                },
	                error: {
	                    required: '密码不能为空',
	                    confirm:'两次密码不一致'
	                },
	                success:'ok',
	                message:'确认填写密码是否正确'
	           },
//	           	验证码	
				V_code:{
					rule:{
						required:true,
						ajax:{url:'{{U("Register/checkCode")}}'},
						maxlen:4,
						minlen:4
					},
					error:{
						required:'请输入四位验证码，亲',
						maxlen:'4位验证码',
						minlen:'4位验证码'
					},
					success:'ok',
					message:'确认验证码填写正确'
				}
			})
		})
			
		</script>
	</head>
	<body>
		<div class="header">
			<div class="logo">
				<img src="{{__PUBLIC__}}/Home/images/register_logo.jpg" alt="" />
			</div>
		</div>
		<!--注册  盒子-->
		<div class="register_box">
			<div class="tab_div">
				<a href="#">电子邮箱注册</a>
			</div>
			<div class="reg_area">
				<div class="reg_area_h">
					<h3><span>注册华为帐号</span></h3>
				</div>
				<div class="reg_area_b" style="height: ;">
					<form action="" method="post" id="register">
						<table border="0" cellspacing="0" cellpadding="0">
							<tr>
								<th>邮箱：</th>
								<td>
									<input type="text" name="username" id="username" class="username mandatory "/>
								</td>
							</tr>
							<tr>
								<th>密码：</th>
								<td>
									<input type="password" name="password" id="" class="password mandatory "/>
								</td>
							</tr>
							<tr>
								<th>确认密码：</th>
								<td>
									<input type="password" name="confirmpassword" id="" class="confirm_password mandatory"/>
								</td>
							</tr>
							<tr>
								<th>验证码：</th>
								<td style="vertical-align: middle;">
									<script type="text/javascript">
										$(function(){
											$('#code_img').click(function(){
												var src = $('#code_img').attr('src');
												var newSrc = src+'&k='+Math.random();
												$(this).attr('src',newSrc);
												$('.V_code').val('');
											})
										})
									</script>
									<input type="text" name="V_code" id="" class="V_code" maxlength="4" tabindex="4" style="float: left;margin-top: 20px;"/>
									<div style="width: 200px;height: 70px;float: left;"><img src="{{U('Register/code')}}" alt="" id="code_img" height="40px"/></div>
									<span id="msg_randomCode " style="float: left;margin-top: 30px;"><span class="vam icon-error" id="hd_V_code"></span></span>
								</td>
							</tr>
							<tr>
								<th></th>
								<td>
									<input type="checkbox" name="agree" id="i_agree" value="2" checked=""/>
									<label for="i_agree" >同意</label>
									<a href="#" class="iagree">《华为帐号服务条款、华为隐私政策》</a>
								</td>
							</tr>
							<tr>
								<th></th>
								<td>
                                    <input class="button-reg" id="btnSubmit" value="立即注册"  type="submit">&nbsp;&nbsp;<span id="register_msg" class="vam error"></span>
                                </td>
                                <span id="register_msg" class="vam error"></span>
							</tr>
						</table>
					</form>
				</div>
				<div class="cloud"></div>
				<div class="f tar">
            		<span class="vam">已有华为帐号</span>&nbsp;&nbsp;&nbsp;<a href="{{U('Login/index')}}" class="button-login-2 vam" title="登录">登录</a>
           		</div>
			</div>
		</div>
		<!--注册  盒子 结束-->
		<!--底部-->
		<div class="customer-footer">
			<div class="g">
				<!--授权  -->
		        <div class="warrant-area">
		            <p style="text-align: center;height-line:20px;height:20px; ">
		            	<a style="text-decoration: underline;" target="blank" href="" title="《华为帐号服务条款、华为隐私政策》">《华为帐号服务条款、华为隐私政策》</a>
		            	<em style="font-style: normal">|</em> <a style="text-decoration: underline;" target="blank" href="">常见问题？</a>
		            </p>
		        	<p style="text-align: center;height-line:20px;height:20px; ">Copyright&nbsp;©&nbsp;2011-2015&nbsp;&nbsp;华为软件技术有限公司&nbsp;&nbsp;版权所有&nbsp;&nbsp;保留一切权利&nbsp;&nbsp;苏B2-20070200号&nbsp;|&nbsp;苏ICP备09062682号-9</p>
		        </div>
		    </div>
</div>
	</body>
</html>
